<template>
	<view class="wl_card">
		<view class="item" :class="{no_border:index==list.length-1}" v-for="(item,index) in list" :key="index">
			<view class="tag f_zj">
				收
			</view>
			<view class="title">
				运输中 {{item.time}}
			</view>
			<view class="des">
				{{item.status}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "wl_card",
		props: ['list'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.wl_card {
		.no_border {
			border-left: 1rpx dashed #FFFFFF !important;
		}

		.item {
			padding: 0rpx 40rpx;
			padding-bottom: 20rpx;
			position: relative;
			border-left: 2rpx dashed #D9D9D9;

			.tag {
				background: #D9D9D9;
				width: 48rpx;
				height: 48rpx;
				border-radius: 50%;
				position: absolute;
				left: -24rpx;
				top: 0rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #FFFFFF;
			}

			.title {
				font-weight: 400;
				font-size: 28rpx;
				color: #F54D4D;
			}

			.des {
				margin-top: 15rpx;
				font-weight: 400;
				font-size: 24rpx;
				color: #000000;
			}

			.no_des {
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;
			}
		}
	}
</style>